<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>推广分配系统</title>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">
    <style>
        .navbar-fixed-top + * {
            padding-top: 70px;
        }

        .source {
            border: 1px solid #F0F0F0;
            margin: 20px 10px 10px 0;
        }

        .source .imgDiv {
            width: 150px;
            height: 180px;
        }

        .source .btnGs {
            text-align: center;
            margin: 10px 0;
        }
    </style>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/layer/layer.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="javascript:;">美工前端素材库</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="index.html">页面管理</a></li>
                <li class="active"><a href="javascript:;">素材管理</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="javascript:;"><i class="glyphicon glyphicon-log-out"></i> 安全退出</a></li>
            </ul>
        </div>
    </div>
</nav>

<div class="container">
    <a class="btn btn-success layerBtn" data-layt="添加" data-layu="add.html"><i class="glyphicon glyphicon-plus"></i> 添加</a>
    <div>
        <div class="pull-left source">
            <div class="imgDiv"><img src=""></div>
            <div class="btnGs">
                <a href="javascript:;" class="btn btn-primary btn-xs">编辑</a>
                <a href="javascript:;" class="btn btn-success btn-xs">下载</a>
                <a href="javascript:;" class="btn btn-danger btn-xs">删除</a>
            </div>
        </div>
        <div class="pull-left source">
            <div class="imgDiv"><img src=""></div>
            <div class="btnGs">
                <a href="javascript:;" class="btn btn-primary btn-xs">编辑</a>
                <a href="javascript:;" class="btn btn-success btn-xs">下载</a>
                <a href="javascript:;" class="btn btn-danger btn-xs">删除</a>
            </div>
        </div>
        <div class="pull-left source">
            <div class="imgDiv"><img src=""></div>
            <div class="btnGs">
                <a href="javascript:;" class="btn btn-primary btn-xs">编辑</a>
                <a href="javascript:;" class="btn btn-success btn-xs">下载</a>
                <a href="javascript:;" class="btn btn-danger btn-xs">删除</a>
            </div>
        </div>
        <div class="pull-left source">
            <div class="imgDiv"><img src=""></div>
            <div class="btnGs">
                <a href="javascript:;" class="btn btn-primary btn-xs">编辑</a>
                <a href="javascript:;" class="btn btn-success btn-xs">下载</a>
                <a href="javascript:;" class="btn btn-danger btn-xs">删除</a>
            </div>
        </div>
        <div class="pull-left source">
            <div class="imgDiv"><img src=""></div>
            <div class="btnGs">
                <a href="javascript:;" class="btn btn-primary btn-xs">编辑</a>
                <a href="javascript:;" class="btn btn-success btn-xs">下载</a>
                <a href="javascript:;" class="btn btn-danger btn-xs">删除</a>
            </div>
        </div>
        <div class="pull-left source">
            <div class="imgDiv"><img src=""></div>
            <div class="btnGs">
                <a href="javascript:;" class="btn btn-primary btn-xs">编辑</a>
                <a href="javascript:;" class="btn btn-success btn-xs">下载</a>
                <a href="javascript:;" class="btn btn-danger btn-xs">删除</a>
            </div>
        </div>
        <div class="pull-left source">
            <div class="imgDiv"><img src=""></div>
            <div class="btnGs">
                <a href="javascript:;" class="btn btn-primary btn-xs">编辑</a>
                <a href="javascript:;" class="btn btn-success btn-xs">下载</a>
                <a href="javascript:;" class="btn btn-danger btn-xs">删除</a>
            </div>
        </div>


    </div>
</div>


</body>
</html>